<template>

  <view class="com-script feat-grid">
    <scroll-view scroll-y="true" style="padding-bottom: 20rpx">
      <view class="com-script-title">{{`《${props.title}》`}}</view>

      <view class="com-script-list">开本记录</view>
      <view class="com-script-list">下载物料</view>
      <view class="com-script-cancel">取消</view>
    </scroll-view>

  </view>

</template>
<script setup>
import {ref, reactive,computed,toRefs,watch} from 'vue';
import { header,play } from '@/enums/constants';
import { onShow,onHide } from "@dcloudio/uni-app";
const {width , height} = {...header.middle};
const props = defineProps({
  fun:Function,
  id:Number,
  title:'收藏夹',

});
const renderData = reactive({

});




</script>

<style lang="scss" scoped>
.com-script{
  background-color: #fff;
  text-align: center;
  &-title{
    @include main-text2;
    padding:30rpx 0rpx;
    font-weight: 600;
  }

  &-list{
    padding:30rpx 0;
    background-color: $main-text-e;
    @include main-line2;
  }

  &-cancel{
    @include main-line4;
    padding-bottom: 20rpx;
    font-weight: 600;
  }


}
</style>
